<template>
	<view class="content">
		<view class="head-area">
			<img src="../../static/details/back.png" class="back" @tap="handleBack()"></img>
			<img src="../../static/logo.png" class="logo"></img>
		</view>
		<RobotData top="95" left="30"></RobotData>
		<view class="container">
			<view class="content-box">
				<!-- <img src="../../static/details/hzhb.png"></img> -->
				<view class="part-h5">
					<view class="part-content">
						<view class="row-content">
							<view class="p">战略合作伙伴</view>
							<view class="logo-content">
								<view class="back ">
									<img @tap="handleHref('https://www.jiyue-auto.com/')"
										src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730103877302/%E6%9E%81%E8%B6%8A%20(1).png">
								</view>
							</view>
						</view>
						<view class="row-content">
							<view class="p">生态合作伙伴</view>
							<view class="logo-content">
								<view class="back ">
									<img @tap="handleHref('https://www.intel.cn/content/www/cn/zh/products/details/processors/xeon.html')"
										src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1729742008028/%E8%8B%B1%E7%89%B9%E5%B0%94%403x.png">
								</view>
							</view>
						</view>
						<view class="row-content">
							<view class="p">创新合作伙伴</view>
							<view class="logo-content">
								<view class="back ">
									<img @tap="handleHref('https://www.nvidia.cn/')"
										src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1729742014202/%E8%8B%B1%E4%BC%9F%E8%BE%BE%403x.png">
								</view>
							</view>
						</view>
						<view class="row-content">
							<view class="p">特别支持伙伴</view>
							<view class="logo-content">
								<view class="back ">
									<img @tap="handleHref('https://vw.faw-vw.com/')"
										src="	https://ala-gift.cdn.bcebos.com/gift/2024-11/1730861056686/1.png">
								</view>
								<view class="back ">
									<img @tap="handleHref('https://www.ubixai.com/index')"
										src="https://ala-gift.cdn.bcebos.com/gift/2024-11/1730861121130/2.png">
								</view>
								<view class="back ">
									<img @tap="handleHref('https://www.zhengxinfood.com/')"
										src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730096173579/%E6%AD%A3%E6%96%B0%E9%9B%86%E5%9B%A2-H5%403x.png">
								</view>
								<view class="back ">
									<img @tap="handleHref('https://www.adintl.cn/')"
										src="https://ala-gift.cdn.bcebos.com/gift/2024-11/1730861186091/4.png">
								</view>
								<view class="back ">
									<img @tap="handleHref('https://www.t3go.cn/')"
										src="https://ala-gift.cdn.bcebos.com/gift/2024-11/1730861263270/5.png">
								</view>
								<view class="back ">
									<img @tap="handleHref('https://gitee.com/')"
										src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1729742026219/2%403x.png">
								</view>
								<view class="back ">
									<img @tap="handleHref('https://www.ctrip.com/')"
										src="https://ala-gift.cdn.bcebos.com/gift/2024-11/1730861345914/7.png">
								</view>
								<view class="back ">
									<img @tap="handleHref('https://www.mollytea.com/')"
										src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1729742030812/3%403x.png">
								</view>
								<view class="back ">
									<img @tap="handleHref('https://cuishengshengshipin.tmall.com/')"
										src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1729742036075/4%403x.png">
								</view>
								<view class="back ">
									<img @tap="handleHref('https://www.anker.com.cn/')"
										src="https://ala-gift.cdn.bcebos.com/gift/2024-11/1730861448443/10.png">
								</view>
								<view class="back ">
									<img @tap="handleHref('https://shop211759807.taobao.com/')"
										src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1729742041222/5%403x.png">
								</view>
								<view class="back ">
									<img @tap="handleHref('https://wahahachuangyi.tmall.com/')"
										src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1729742045833/6%403x.png">
								</view>
								<view class="back ">
									<img @tap="handleHref('https://shop423078748.taobao.com/')"
										src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1729742050589/7%403x.png">
								</view>
								<view class="back ">
									<img @tap="handleHref('https://item.jd.com/100051626598.html')"
										src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1729742055153/8%403x.png">
								</view>
								<view class="back ">
									<img @tap="handleHref('https://leyuansp.tmall.com/shop/view_shop.htm')"
										src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1729742059484/9%403x.png">
								</view>
								<view class="back ">
									<img @tap="handleHref('https://shop129452944.taobao.com/')"
										src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1729742063881/10%403x.png">
								</view>
								<view class="back ">
									<img @tap="handleHref('https://shop459042495.taobao.com/')"
										src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1729742068248/11%403x.png">
								</view>
								<view class="back ">
									<img @tap="handleHref('https://item.taobao.com/item.htm?ft=t&id=833193900166')"
										src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1729742073893/12%403x.png">
								</view>
							</view>
						</view>
						<view class="row-content">
							<view class="p">独家物流合作伙伴</view>
							<view class="logo-content">
								<view class="back ">
									<img @tap="handleHref('https://www.kuaidi100.com/?openid=ofaKJv4NmBen8PkyU9Tg9O440K0M')"
										src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730096378282/%E8%8B%B1%E7%89%B9%E5%B0%94%E5%A4%87%E4%BB%BD%403x.png">
								</view>
							</view>
						</view>
						<view class="row-content">
							<view class="p">大会合作媒体</view>
							<!-- <view class="logo-content">
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197508001/5%403x.png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197525812/6%403x.png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197531607/7%403x.png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197556846/9%403x.png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197574790/11%403x.png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197591764/12%403x.png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197598652/13%403x.png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197612985/14%403x.png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197628621/15%403x.png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197633380/16%403x.png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197655940/18%403x.png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197679540/20%403x.png">
								</view>
								<view class="back empty-link">
									<img
										src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197916054/21%403x%20(1).png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197787417/23%403x.png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197792987/24%403x.png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197832344/26%403x.png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197844561/27%403x.png">
								</view>
							</view> -->
							<view class="logo-content">
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197407203/1%403x.png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197419129/2%403x.png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197444763/3%403x.png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197475174/4%403x.png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197508001/5%403x.png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197525812/6%403x.png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197531607/7%403x.png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197547532/8%403x.png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197556846/9%403x.png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197568691/10%403x.png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197574790/11%403x.png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197591764/12%403x.png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197598652/13%403x.png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197612985/14%403x.png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197628621/15%403x.png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197633380/16%403x.png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197647908/17%403x.png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197655940/18%403x.png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197671489/19%403x.png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197679540/20%403x.png">
								</view>
								<view class="back empty-link">
									<img
										src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197916054/21%403x%20(1).png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197776094/22%403x.png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197787417/23%403x.png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197792987/24%403x.png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197825291/25%403x.png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197832344/26%403x.png">
								</view>
								<view class="back empty-link">
									<img src="https://ala-gift.cdn.bcebos.com/gift/2024-10/1730197844561/27%403x.png">
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="bqxx">APPLICATIONS ARE HERE</view>
	</view>
</template>

<script>
	import RobotData from '@/components/robot/robot.vue';
	export default {
		components: {
			RobotData
		},
		data() {
			return {

			}
		},
		onLoad() {

		},
		methods: {
			handleHref(url) {
				window.location.href = url
			},
			handleBack() {
				uni.navigateBack()
			}
		}
	}
</script>

<style lang="less">
	.content {
		padding-top: 200rpx;
		height: 100%;
		background: url('../../static/login_bg.jpg');
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;

		.head-area {
			padding: 0 60rpx;
			width: 100%;
			display: flex;
			justify-content: space-between;
			align-items: center;
			position: absolute;
			top: 60rpx;
			left: 0;
			z-index: 9;

			.back {
				width: 80rpx;
			}

			.logo {
				width: 240rpx;
			}
		}

		.container {

			overflow: hidden;
			height: calc(100% - 120rpx);

			.title {
				text-align: center;
				font-size: 52rpx;
				font-weight: 600;
				color: #333;
			}

			.content-box {
				padding: 0 60rpx 0;
				overflow: auto;
				height: 100%;

				// background: #fff;
				// border-radius: 30rpx;
				.part-h5 {
					width: auto;
					background-repeat: no-repeat;
					background-size: 100% 100%;
					position: relative;

					.part-content {
						position: relative;
						z-index: 1;

						.row-content {
							margin-top: 30rpx;

							.p {
								font-family: PingFangSC-Regular;
								font-size: 40rpx;
								color: #262461;
								text-align: center;
								font-weight: 500;
							}

							.logo-content {
								display: flex;
								justify-content: center;
								flex-wrap: wrap;
								margin-top: 20rpx;
								cursor: pointer;

								.back {
									// margin: 0 20rpx;
									margin-bottom: 10rpx;

									img {
										height: 80rpx;
									}
								}
							}
						}
					}
				}

				img {
					max-width: 100%;
				}
			}
		}

		.bqxx {
			width: 100%;
			position: fixed;
			bottom: 60rpx;
			text-align: center;
			font-size: 26rpx;
			color: #fff;
		}
	}
</style>